{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "btn-creative-top",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/button/btn-creative-top.tsx",
      "content": "import { ArrowBigRight, ArrowRight } from 'lucide-react';\r\nimport React from 'react';\r\n\r\nfunction ButtonCreativeTop() {\r\n  return (\r\n    <>\r\n      <div className='group relative cursor-pointer p-2 w-32 border bg-white rounded-full overflow-hidden text-black text-center font-semibold'>\r\n        <span className='translate-y-0 group-hover:-translate-y-12 group-hover:opacity-0 transition-all duration-300 inline-block'>\r\n          Our Work\r\n        </span>\r\n        <div className='flex gap-2 text-white bg-green-400 z-10 items-center absolute left-0 top-0 h-full w-full justify-center translate-y-12 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-300 rounded-full group-hover:rounded-none '>\r\n          <span>Our Work</span>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ButtonCreativeTop;\r\n",
      "type": "registry:component"
    }
  ]
}